嗨,大家好,今天是視窗程式設計影片教學的第七天,在昨天的影片當中已經順利放上背景圖以及利用 pictureBox 放入青蛙和車子的圖片,今天就來實作出車子移動的效果吧!
關於圖片的移動,必須先了解圖片在 windows form 內的位置資訊,預設會將圖片的位置資訊以圖片左上角為準,而資訊包含 (X,Y)值 (水平,垂直),在圖片的 Location 屬性當中可以做調整。
圖片的移動則需要透過修改兩個方向做出移動效果,分別為 Left 和 Top 以及正負號來實現上下左右移動的效果。
如果 windows form 左上角為 (0,0),那麼當我往左、上移動時,就是減少 X、Y的值,在 Left、Top 當中就會以負號表示,也就是減去移動的值。而往右、下移動時,就是增加 X、Y的值,在 Left、Top 當中就會以正號表示,也就是加上移動的值。
語法如下:
pictureBox_name.Left = pictureBox_name.Left + 50; // 原本圖片的水平位置再往右 50 單位指派給圖片作為新的水平位置
pictureBox_name.Top = pictureBox_name.Top + 50; // 原本圖片的垂直位置再往下 50 單位指派給圖片作為新的垂直位置
以上是今天的教學內容
簡報製作:canva(https://www.canva.com/)